﻿<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="../js/laydate/laydate.js"></script>
<script type="text/javascript" src="../js/jquery/jquery-1.9.1.js"></script>
<style>
*{margin:0;padding:0;list-style:none;}
html{background-color:#E3E3E3; font-size:14px; color:#000; font-family:'微软雅黑'}
h2{line-height:30px; font-size:20px;}
a,a:hover{ text-decoration:none;}
pre{font-family:'微软雅黑'}
.box{width:970px; padding:10px 20px; background-color:#fff; margin:10px auto;}
.box a{padding-right:20px;}
.demo1,.demo2,.demo3,.demo4,.demo5,.demo6{margin:25px 0;}
h3{margin:10px 0;}
.layinput{height: 22px;line-height: 22px;width: 150px;margin: 0;}
</style>

<link rel="stylesheet" type="text/css" href="../css/button.css" />
    <script language="javascript" type="text/javascript"> 
 setInterval("timer.innerHTML=new Date().toLocaleString()+'&nbsp;&nbsp;星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);      

</script>
<style type=text/css>
div.header{position:absolute;z-index:22; background:url(../images/top-1.png) repeat; width:100%}
div.timer{position:absolute;z-index:22;right:15%; top:22px;}
div.tablemain{position:absolute; align:center; top:20%;left:30%;right:30%;}
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 400px;    
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}
tr.main {
    background: #E6EAE9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
} 
tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
td,th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}
th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

input{
width:100%;
border:0;
font-size:16px;
}
input[type=text]{padding:5px;}
input[type=submit]{width:200px;height:30px;align:center;}

ul.menumain{list-style:none;float:right;font-size:18px;padding:10px 10px 10px 10px;}
ul.menumain li{float:left;padding:10px 10px 10px 10px;}
</style>
</head>
<body>
<div class="header">
<div class="container">
		  <div class="wrapper-demo">
					<div  >
						<ul class="menumain">
                                                        <li>欢迎您：<%=(String) request.getSession().getAttribute("user") %>&nbsp;&nbsp;</li>
							<li><a  href="../EnterpriseUser/person.jsp">个人中心</a></li>
							<li><a  href="../EnterpriseUser/ShowMapEnterprise.jsp">车辆追踪</a></li>
							<li><a  href="../EnterpriseUser/listInfo.jsp">车辆列表</a></li>
							<li><a  href="../EnterpriseUser/ChooseInfo.jsp">车辆搜索</a></li>
                                                        <li><a href="../login.jsp">安全退出</a></li>
						</ul>
					</div>
				</div>			
		</div>
</div>

<br/>
<br/>
<div class="tablemain" id="tablemain" align="center">
<form  method="post" name="ChooseInfoForm" action="listInfoSearch.jsp" >
<table align="center">
 <tr><td>请输入GPS编号:</td><td style="width:180px;"><input style="width:180px;" type="text" name="ModuleMark" id="ModuleMark"  /></td></tr>
 <tr><td></td><td><input type="submit" value="确定"/></td></tr>
 
 </table>
</form>
</div>
<script>
!function(){
laydate.skin('molv');//切换皮肤，请查看skins下面皮肤库
laydate({elem: '#demo'});//绑定元素
}();
laydate(start);
laydate(end);
//自定义日期格式
laydate({
    elem: '#test1',
    format: 'YYYY年MM月DD日',
    festival: true, //显示节日
    choose: function(datas){ //选择日期完毕的回调
        alert('得到：'+datas);
    }
});
//日期范围限定在昨天到明天
laydate({
    elem: '#hello3',
    min: laydate.now(-1), //-1代表昨天，-2代表前天，以此类推
    max: laydate.now(+1) //+1代表明天，+2代表后天，以此类推
});
</script>
	<!-- jQuery if needed -->
<script type="text/javascript" src="../js/jquery/jquery-1.9.1.js"></script>
		<script type="text/javascript">

			function DropDown(el) {
				this.dd = el;
				this.initEvents();
			}
			DropDown.prototype = {
				initEvents : function() {
					var obj = this;
					obj.dd.on('click', function(event){
						$(this).toggleClass('active');
						event.stopPropagation();
					});	
				}
			};
			$(function() {
				new DropDown( $('#dd') );
				$(document).click(function() {
					$('.wrapper-dropdown-5').removeClass('active');
				});
			});

		</script>
</body>
</html>
